<!DOCTYPE HTML>
<html lang="">
<head>
<meta charset="utf-8"/>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<title>自定义插件</title>
<style>
    .showPic{width: 350px;max-height: 260px;overflow-y: auto;}
    .showPic .block{float:left;width:150px;height:100px;padding:5px;border:1px solid #cfdfff;margin:2px;box-shadow:0 2px 2px #7b9af1;}
    .showPic .block img{width: 100%;height: 100%;}

    #info{text-align: right;color: #5d5d5d;}
</style>
</head>
<body style="max-width: 350px;min-width: 200px;text-align: center;">
    <h3>☆自定义插件</h3>
    <button id="btn">图片预览</button>
    <div class="showPic"></div>

    <p id="info">当前信息</p>
    <script src="../js/popup.js"></script>
</body>
</html>